.index {
  width: 100%;
  height: 660px;
  .graphLoading {
    position: relative;
    top: 100px;
    text-align: center;
  }
  .graphWraper {
    position: relative;
    width: 100%;
    height: 100%;
    :global {
      .publicPoint {
        cursor: pointer;
        .rect {
          fill: rgba(70, 133, 219, 0.3);
        }
        .total,
        .today {
          .name {
            fill: #666666;
            font-weight: bold;
            font-size: 14px;
          }
          .value {
            fill: #5198f7;
            font-weight: 500;
            font-size: 18px;
          }
        }
        .dataSourceName {
          fill: #666666;
        }
        .dataBaseName {
          fill: #666666;
        }
        .DBTypePointName,
        .DBTablePointName {
          fill: #666666;
          font-size: 14px;
        }
      }
      .dataSourcePoint {
        cursor: default;
      }
      .DBTypePoint,
      .DBTablePoint {
        .total,
        .today {
          .name {
            font-weight: normal;
            font-size: 14px;
          }
          .value {
            fill: #5198f7;
            font-weight: normal;
            font-size: 14px;
          }
        }
      }
      .DBTablePoint {
        .DBTablePointNameRect {
          fill: rgba(70, 133, 219, 0);
          stroke: #0090ff;
          stroke-dasharray: 2, 2, 2, 2;
        }
      }
    }
  }
}
